﻿<!DOCTYPE html>
<html class="null">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>注册页面</title>
    <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, target-densitydpi=high-dpi">
    <script type="text/javascript">
    if (screen.width < 360) {
        var mvp = document.getElementById('viewport');
        mvp.setAttribute('content','width=360, initial-scale=0.87, minimum-scale=0.87, maximum-scale=0.87, user-scalable=no, target-densitydpi=high-dpi');
    }
    
    /****************************************/
    /*页面开始加载前的时间，用于统计页面加载时间。放置于最前以保证准确性。
    /****************************************/
    var STARTTIME=new Date().getTime();
    </script>

    <link href="{{ asset('Css/lid_min.css') }}" rel="stylesheet" type="text/css"/>
    <link href="{{ asset('Css/lid_zuk_min.css') }}" rel="stylesheet" type="text/css"/>
    
    <style type="text/css">
    </style>
</head>
<body class="register">
<!-- <script type="text/javascript">
		//1 节点 
		var list =document.getElementsByTagName("input");
		for(var i=0;i<list.length;i++){
			list[i].onfocus = function (){
				//获取表单项后面的节点 
				var span = this.nextSibling;
				
				//获取表单项的中文信息
				// var info = this.placeholder;
				var info = this.getAttribute("info");
				// console.log(info);
				
				//输出span中的提示信息和样式
				span.style.color = "blue";
				span.innerHTML = "请输入"+info+"信息";
				
			}

			list[i].onblur = function (){
				// 失焦的时候 验证表单的有效性
				// console.log(this.name);
				switch(this.name){
					case "name":
					checkName();
					break;
					case "password":
					checkPass();
					break;
				}
			}

		}

		// 获得name input节点查看里面值的有效性 
		function checkName(){
			var name =document.myform.name;
			var span = name.nextSibling;
			var info = name.getAttribute("info");

			if(name.value.match(/^\d{2}$/)==null){
				span.style.color = "red";
				span.innerHTML = "请输入正确的"+info+"信息";
				return false;
			}else{
				span.style.color = "green";
				span.innerHTML = "输入了正确的"+info+"信息";
				return true;
			}
		}

		//检测 pass的有效性
		function checkPass(){
			var name =document.myform.password;
			var span = name.nextSibling;
			var info = name.getAttribute("info");

			if(name.value.match(/^\d{2}$/)==null){
				span.style.color = "red";
				span.innerHTML = "请输入正确的"+info+"信息";
				return false;
			}else{
				span.style.color = "green";
				span.innerHTML = "输入了正确的"+info+"信息";
				return true;
			}
		}


		//整个表单提交触发demo函数 
		function demo(){
			return checkPass() && checkName();
		}
	</script>	 -->
<!-- <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
	<script type="text/javascript">
		$(function (){
			//1 批量操作 
			//2 连贯操作
			$("input").focus(function (){
				var info = $(this).attr("info");

				// console.log(info);

				// $(this).after("<span style='color:red;'>请输入正确的"+info+"信息</span>");

				$("<span>请输入正确的"+info+"信息</span>").insertAfter($(this)).css("color","red");
			}).blur(function (){
				//删除input后面所有的span标签 
				// console.log($(this).next().remove());
				
				$(this).next().remove();
			});
		});		
		//笔记 
		// 节点移出    						remove()
		// 节点定位当前节点的后面紧邻节点 	next()
		
	</script>
	 -->
	 
<!-- ldHeader -->
<div id="ldHeader" class="ldHeader">
    <div class="cont clearfix">
        <div class="fleft">
            <a href=""><img src="{{ asset('Picture/logo_fm365.png') }}"></a>
        </div>
        </div>
</div>

<!-- /ldHeader -->
<div class="cont clearfix">
	<div class="fmain">
	<!-- ldregisthd -->
	

<div class="ldRegist" id="ldRegist">
    <input type="hidden" class="jsPath" value="/wauthen3">
	
	<div class="clearfix">
		<div class="regtitle">帐号注册</div>
		<div class="regtext">轻松开启您的神奇之旅，已有联想帐号<a id="toLogin" href="{{ url('home/gologin') }}">在此登录</a></div>
	</div>
	<div class="hd">
		<!-- 手机号注册 -->
		<span class="normal active jsRegMobileTab"><a href="javascript:;">用户注册</a></span>
		<!-- 邮箱注册 -->
		
	</div>
</div>
	<!-- /ldregisthd -->
	<!-- ldRegistMobileForm -->
		


<div class="ldRegistMobileForm" id="ldRegistMobileForm">
    
	<form method="post" class="jsRegistForm" action="{{ url('home/doregister')}}" name="myform">
		<input type="hidden" name="_token" value="{{ csrf_token() }}">
		<div class="bd">
			<ul>
				<li>
					<span>用户名：</span>
					<input name="name" class="username jsMobile" type="text" value='' />
                    <img class="jsMOk ok" src="{{ asset('Picture/icos.png') }}">
				</li>
				<li>
					<span>设置密码：</span>
					<input name="password" class="password jsPassword" type="password" onpaste="return false;" />
                    <img class="jsPOk ok" src="{{ asset('Picture/icos.png') }}">
					<p>密码长度8~20位，数字、字母、字符至少包含两种</p>
				</li>
				<li>
					<span>确认密码：</span>
					<input class="password jsPassword2" type="password" onpaste="return false;" />
                    <img class="jsCPOk ok" src="{{ asset('Picture/icos.png') }}">
				</li>
				<!--<li>
			        <!-- 验证码： -->
					<!--<span>验证码：</span>
					<input name="code" type="text" class="code jsInput_code" />
					<a class="jsCReset" href="#" onclick="return false;"><img class="jsCaptureImg" src="" width="120" height="36"></a>
				</li>-->
			</ul>
	    	<!-- <ul class="errMsg">
	    		<li class="jsErrMEmpty">请输入手机号</li>
	            <li class="jsErrMFormat">手机号格式不正确</li>
	            <li class="jsErrMReged">用户已存在，您可以<a class="linkToLogin" href="#">立即登录</a>或<a class="linkToRepass" href="#" target="_blank">找回密码</a></li>
	            <li class="jsErrPEmpty">密码不能为空</li>
	            <li class="jsErrPFormat">密码格式不正确</li>
	            <li class="jsErrCPEmpty">确认密码不能为空</li>
	            <li class="jsErrCPFormat">密码格式不正确</li>
	            <li class="jsErrCPSecond">两次密码不一致</li>
	            <li class="jsErrVEmpty">验证码不能为空</li>
	            <li class="jsErrVFormat">验证码错误</li>
	            <li class="jsErrVSmsEmpty">短信验证码不能为空</li>
	            <li class="jsErrVSmsFormat">短信验证码错误</li>
	    	</ul> -->
		</div>
		<div class="ft">
	        <input type="submit" value='立即注册' class="jsSubBtn"/>
		</div>
        <div class="ysq">
        	<!-- 点击“立即注册”，即表示你接受联想<a href="#">隐私权保护政策</a> -->
        	<span>点击“立即注册”，即表示你接受联想<a target="_blank" href="">隐私权保护政策</a></span>
        </div>
	</form>

</div>
</div>
</div>
<!-- ldFooter -->
<div class="ldFooter">
    <span>Copyright &copy;2016 联想集团,All Rights Reserved 版权所有 京ICP备15007699号-4 京公网安备 11010802017522 京网文(2015)0191-121号&nbsp;&nbsp;
        <a target="_blank" href="">使用条款</a>和<a target="_blank" href="">隐私权政策</a></span>  
</div>
	
<!-- /ldFooter -->
<script type="text/javascript" src="Scripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="Scripts/lid_min.js"></script>    
<script>
$(document).ready(function(e){
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "//hm.baidu.com/hm.js?dd563cd2e3ebf51875f7a58ad5ad8e6f";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();


    var pageId = '';
        pageId = "AccountRegister";      
    

    /****************************************/
    /*配置及初始化
    /****************************************/
        var avatar=window.Avatar||[];
        window.Avatar=avatar;
        avatar.push({
        startTime:STARTTIME   //统计加载时间
        ,pageId:pageId
        ,appKey:'Z508CSNJ71W7' //标识被统计的应用
        //,events:{click:{list:Clicks, remover:RemoveClick}}
        ,init:function(){//页面初始化完成后发送统计前调用，通常用于设置额外的参数，而这些参数又需要Avatar的辅助
        //Avatar.setOption('PVInfo', {ref:Avatar.getProperty("ref")+'^'+Avatar.getProperty("pref")});
        Avatar.setOption('PVInfo', {times:Avatar.getProperty('nps')});
    }
    });
        /****************************************/
        /*加载Avatar
         /****************************************/
        var scriptTag = document.createElement('script');
        scriptTag.type = 'text/javascript';
        scriptTag.async = true;//异步的方式保证不阻塞页面；
        scriptTag.src = "https://passport.lenovomobile.com/wauthen3/wauth/js/avatar_zuk.js?v=1.0.0.1";
        var head=document.getElementsByTagName("head")[0]||document.documentElement;
        head.insertBefore(scriptTag, head.firstChild);


});


</script>
</body>
</html>